<!-- directive:title 提示信息展示样式 -->
<!-- directive:breadcrumb 提示信息 -->
<div class='panel-body'>
    <div>
        <div uib-alert ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">
            {{alert.msg}}
        </div>
    </div>
    <h4 class="text-danger">新的版本这个指令是A属性端 而且样式不好用</h4>
    <h6 class="text-success">../js.lib.cdn/libs/angular-ui-bootstrap/2.5.0/ui-bootstrap-tpls.min.js</h6>
    <h4 class="text-danger">建议用旧的版本</h4>
    <h6 class="text-success">../js.lib.cdn/libs/angular-ui-bootstrap/1.3.3/ui-bootstrap-tpls.min.js</h6>
    <hr />
    <button class='btn btn-default' ng-click="addAlert()">添加消息提示</button>
    <script type="text/xianjs" ui-bs>
        <div uib-alert type="info" close="closeAlert($index)">
            使用的是 bootstrap 的样式 bui 功能增强
        </div>
        <div uib-alert type="success" close="closeAlert($index)">
            好消息是这种 ng-repeat 方式使用方便
        </div>
        <div uib-alert type="warning" close="closeAlert($index)">
            但是怎么做成服务来给代码逻辑提供方便
        </div>
        <div uib-alert type="danger" close="closeAlert($index)">
            不用 ng-repeat 没法删除
        </div>
    </script>
</div>

